<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>数组基础</title>
    <script>
      /*
        数组是指一组数据的集合，其中的每个数据被称作元素。
        数组是一种将一组数据存储在单个变量名下的优雅方式

        注意:
        1.数组是对象类型(复杂类型)
        2.数组中可以存放任意类型的元素,但是实际开发中一般存同种类型
        3.数组中所有的元素共享数组的变量名
      */
      //一. 数组的创建
      //方式一: new
      //空数组
      //let arr = new Array()

      //有元素的数组
      //let arr = new Array(1, 'abc', true)

      //方式二: 简化写法
      //let arr = []

      let arr = [1, 'abc', true]
      console.log(arr)

      //二. 获取数组的元素个数(数组长度)
      console.log(`数组长度为: ${arr.length}`)

      //三. 数组可以通过下标来访问任意元素或者修改任意元素
      //注意: 下标从0开始,到length - 1结束,如果超过范围,则得到undefined
      //访问数组第一个元素
      console.log(arr[0])
      console.log(arr[10]) //undefined

      //修改数组第二个元素
      arr[1] = 888

      //四. 如何查看数组中所有的元素? 遍历/迭代数组元素
      //0.直接打印
      console.log(arr)

      //1. 普通for循环
      for (let i = 0; i < arr.length; i++) {
        console.log(arr[i])
      }

      //2. 特殊for循环
      for (let i in arr) {
        console.log(arr[i])
      }

      for (let i of arr) {
        console.log(i)
      }
    </script>
  </head>
  <body></body>
</html>
